input{ border: 0; height: 50px; font-size: 18px; border: 1px solid #CACCCD; padding: 15px; box-sizing: border-box; -webkit-box-sizing: border-box; width: 315px; color: #565a5c; border-radius: 4px; }
input:focus { outline:none; }
input::-webkit-input-placeholder { color: #82888a; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type="number"]{ -moz-appearance: textfield; }
a{ cursor: pointer; }

.button{ border: 0; border-right: 4px; display: block; /*background-image: linear-gradient(-170deg, #4A24CE 0%, #2822BB 99%);*/ border-radius:4px; width:315px; height:50px; line-height: 50px; font-family: PingFangSC-Regular; font-size: 20px; color: #fff; letter-spacing:0; text-align:center; }
.button:hover{ background-color: #ff6c6c; }

.banners{ background-repeat: no-repeat; background-size: cover; background-position: top center; width: 100%; height: 450px; }
.banners .wit{ width: 960px; overflow: hidden; height: auto; margin: 0 auto; }
.banners .wit .bg-text{ height: 280px; width: 100%; margin-top: 100px; position: relative; }
.banners .wit .bg-text p{ font-family: PingFangSC-Semibold; color: #FFFFFF; display: block; line-height: 1; }
.banners .wit .bg-text > p { line-height: 1.2; margin-bottom: 10px; }
.banners .wit .bg-text p.p1{ position: absolute; top: 5px; font-size: 24px; }
.banners .wit .bg-text p.p2{ position: absolute; top: 60px; font-size: 48px; line-height: 60px; }
.banners .wit .bg-text p.p3{ position: absolute; top: 180px; font-size: 48px; }

.top{ position: absolute; top: -10px; right: 0; width: 315px; }
.top .p4{ font-family: PingFangSC-Medium; margin-bottom: 30px; font-size: 24px; line-height: 1; }
.top input{ margin-bottom: 20px; }
.top .error1{ display: none; position: absolute; top: 130.5px; right: 10px;  color: #006C2E; font-size: 25px; }
.top .b{ overflow: hidden; background: none; height: 40px; line-height: 64px; font-size: 16px; color: #4A55D5; text-align: center; text-decoration: underline; }

.box { width: 100%; height: auto; padding-top: 40px; }
.box .wit{ width: 960px; overflow: hidden; height: auto; margin: 0 auto; }
.box .wit .tops{ width: 100%; min-width: 960px; overflow: hidden; font-size: 16px; color: #333333; line-height: 24px; /* height: 150px; */ }
.box .wit .tops img { width: 100%; }
.box .wit .man{ margin-top: 25px; width: 100%; min-width: 960px; overflow: hidden; height: auto; display: flex; }
.box .wit .man .con{ flex-shrink: 1; -webkit-flex-shrink: 1; width: 50%; margin-right: 20px; }
.box .wit .man .con:last-child{ margin-right: 0px; }
.box .wit .man .conss { flex-shrink: 1; -webkit-flex-shrink: 1; width: 50%; margin-right: 20px; font-size: 16px; color: #333333; line-height: 24px; }
.box .wit .man .conss img { width: 100%; }
.box .wit .man .conss:last-child { margin-right: 0px; }
.box .wit .btm { width: 100%; margin-top: 25px; }
.box .wit .btm a{ float: left; display: block; font-size: 16px; width: 155px; height: 40px; line-height: 40px; text-align: center; background-color: #4924CE; color: #fff; margin-right: 25px; border-radius: 5px; }
.box .wit .btm .b { overflow: hidden; float: left; background: none; display: block; height: 40px; line-height: 64px; font-size: 16px; color: #4A55D5; text-align: left;  text-decoration: underline; }

.one { padding-top: 0; }

/*.body-content .content-main .box.bg-color.one .wit .man .conss {width: 470px; position: absolute; left:480px; top: 665px; }*/

.index-house{ border-top: none; background:white; }
.index-house, .index-title{ padding-bottom: 0; }

.box .index-title,
.index-art .index-title,
.index-pro .index-title { width: 960px; text-align: left; margin: 0 auto; }
.index-art .index-title{ padding: 40px 0 10px 0; }
.box .index-title h2,
.index-art .index-title h2,
.index-pro .index-title h2{	font-family: STHeitiSC-Medium; font-size: 30px; color: #565A5C; }
    
.index-art .box { padding-top: 0; }
.index-art .box li{width: 33.33%;}
.index-art .box li:nth-of-type(3n){margin: 0;}

.bottom { width: 960px; height: auto; overflow: hidden; margin: 0 auto; }
.bottom .input{ width: 307px; }
.bottom input{ width: 300px; float: left; margin-right: 15px; }
.bottom a{ float: left;  }
.bottom .error2{ display: none; position: absolute; top: 7px; left: 595px; color: #006C2E; font-size: 25px; }
.bottom .b{ overflow: hidden; float: left; background: none; display: block; height: 40px; line-height: 64px; font-size: 14px; color: #4A55D5; text-align: left; text-decoration: underline; }


    

.box .index-p{ width: 960px; margin: 0 auto; margin-top: 25px; }
.box .index-p a{ font-family: PingFangSC-Regular; font-size: 18px; color: #4C56D5; line-height: 18px; }
.box .index-title{ padding: 0 0 40px 0; }

.box .w{ width: 960px; margin: 0 auto; height: 240px; border-radius: 8px; }
.box .w .footer-logo{ padding: 95px 75px;  width: 240px; float: left;  background-color: #006C2E; text-align: center; height: 240px; }
.box .w .footer-logo .icon-xinlogo{ color: #fff; font-size: 30px; line-height: 1; }
.box .w .footer-logo .icon-slg{ color: #fff; font-size: 18px; line-height: 25px; margin: 0; }
.box .w .index-ceo{ float: left; background-color: #454851; position: relative; overflow: hidden; width: 720px; height: 240px; }
.box .w .index-ceo span{ font-family:STHeitiSC-Light; font-size:30px; color:#ffffff; display: table; margin: 65px auto; line-height: 1; }
.box .w .index-ceo p{ z-index: 5; margin-top: 70px; font-family:PingFangSC-Light; font-size:18px; color:#ffffff; position: absolute; left: 50%; width: 370px; margin-left: -290px; }
.box .w .index-ceo em{ z-index: 5; line-height: 1; display: table; left: 50%; margin-left: 10px; position: absolute; bottom: 50px; font-family:PingFangSC-Regular; font-size:18px; color:#ffffff; }
.box .w .index-ceo i{ z-index: 5; display: table; left: 50%; margin-left: 38px; line-height: 1; position: absolute; bottom: 28px; font-family:PingFangSC-Regular; font-size:14px; color:#E20707; }
.box .w .index-ceo img{ z-index: 2; position: absolute; height: 240px; left: 370px; }

.box .way{ width: 960px; margin: 0 auto; overflow: hidden; }
.box .way h2 { font-family: STHeitiSC-Light; font-size: 30px; margin: 0; padding:50px 0 84px; line-height: 31px; color: #565a5c; text-align: center; font-size: 30px; }
.box .way ul { width: 960px; margin: 0 auto; }
.box .way ul li { float: left; height: auto; position: relative; margin-bottom: 80px; min-height: 116px; }
.box .way ul li:nth-child(1){ width: 308px; border-right: 1px solid #cacccd;  }
.box .way ul li:nth-child(1) p,
.box .way ul li:nth-child(1) div{ width: 240px; margin-right: 66px; }

.box .way ul li:nth-child(2){ width: 345px; border-right: 1px solid #cacccd; }
.box .way ul li:nth-child(2) p,
.box .way ul li:nth-child(2) div{ width: 211px; margin-left: 66px; margin-right: 66px; }

.box .way ul li:nth-child(3){ width: 307px; }
.box .way ul li:nth-child(3) p,
.box .way ul li:nth-child(3) div{ width: 240px; margin-left: 66px; }

.box .way ul li div{ position: relative; top: -10px; }
.box .way ul li div span{ font-family: PingFangSC-Regular; font-size: 18px; color: #2B2D2E; margin-left: 20px; line-height: 18px; }
.box .way ul li i{ font-size: 30px; line-height: 1; color: #006C2E; }
.box .way ul li p{ font-family: PingFangSC-Regular; font-size: 16px; color: #979797; line-height: 22px; margin-top: 20px; }

.pc, .way { display: block; }
.web, .m-way { display: none !important; }
@media only screen and (max-width: 960px){ 
	.banners .wit{ width: 100%; padding: 100px 20px 0; overflow: initial;  }
	.banners .wit .bg-text{ width: 100%; margin: 0; }
	.banners .wit .bg-text p.p1{ top: 0px; }
	.banners .wit .bg-text p.p2{ top: 25px; }
	.banners .wit .bg-text p.p3{ top: 150px; }
	
	.top { top: 370px; width: 100%; }
	.bottom{ width: 100%; height: auto; overflow: hidden; }

	.bottom .input,
	.bottom .button,
	.top input,
	.top .button{ width: 100%; margin-bottom: 20px; }
	.bottom .b,
	.top .b{ overflow: hidden; background: none; height: 40px; line-height: 64px; font-size: 16px; color: #4A55D5; text-align: center; text-decoration: underline; }
	
	.box { padding: 40px 30px 0; }
	.box .wit{ width: 100%; }
	.box .wit .tops { min-width: inherit; }
	.box .wit .man { min-width: inherit; display: block; margin-top: 20px; }
	.box .man .con { margin-top: 20px; }
	.box .wit .man .conss { width: 100%; font-size: 16px; color: #333333; line-height: 24px; }
	.box .wit .man .conss:last-child { margin-top: 20px; }
	.box .wit .btm a{ width: 100%; }
	.box .wit .btm .b{ text-align: center; }

	.box .w{ width: 100%; height: auto; margin: 0; overflow: hidden; border-radius: 4px; }
	.box .w .footer-logo{ width: 100%; height: 120px; padding: 10% 37.1%; text-align: center; }
	.box .w .index-ceo{ width: 100%; display: block!important; height: 400px; padding: 20px 30px 0;  }
	.box .w .index-ceo p{ margin: 0; width: 100%; position: static; }
	.box .w .index-ceo img{ left: 59px; bottom: 0; }
	.box .w .index-ceo em{ left: 60px; margin: 0; }
	.box .w .index-ceo i{ left: 90px; margin: 0; }

	.index-house .houseitem{background: none;}

	.index-m-art .box{ padding: 0; }
	.index-m-art .box li{ margin: 0px 10px 0 0; }
	.one{ padding-top: 345px; }

	.m-title{ padding-top: 40px; padding-bottom: 10px; }
	.m-title h2{ text-align: center; font-family:PingFangSC-Medium; font-size:24px; color:#565A5C; }
	.m-title p{ text-align: center; font-family:PingFangSC-Regular; font-size:16px; color:#565A5C; }
	.m-way {  width: 100%; background-color: #fff; padding: 28px 0 0 0; }
	.m-way ul{ overflow: hidden; padding: 20px 30px; }
	.m-way ul li{ display: flex; display: -webkit-flex; float: left; width: 100%; line-height: 1; color: #565a5c; font-size: 15px; margin-bottom: 30px; }
	.m-way ul li:nth-child(2){ border: 0; }
	.m-way ul li i{ flex-shrink: 1; float: left; width: 35px; font-size: 35px; margin-right: 25px; color: #006C2E; }
	.m-way ul li p{ float: left; flex-shrink: 1; width: 100%; font-size: 12px; line-height: 20px; color: #82888A; }
	.m-way ul li p span{  display: block; font-size: 16px; margin-bottom: 5px; color: #2b2d2e; }

	.pc, .way { display: none !important; }
	.web, .m-way { display: block !important; }
}
